.chat-main{
	width: 100%;
	height: auto;
}
.chat-title{
	width: 100%;
	height: 100rpx;
	background-color: #343540;
}
.chat-title view{
	float: left;
	height: 100rpx;
	text-align: center;
	color: #d0d0d9;
}
.chat-title view svg{
	width: 1.5em;
	height: 1.5em;
}

pre code.hljs{
    border-radius: 5px;
}

.chat-title-left{
	width: 15%;
	line-height: 120rpx;
}
.chat-title-mid{
	width: 70%;
	white-space :nowrap;
	text-overflow :ellipsis;
	overflow : hidden;	
	line-height: 100rpx;
}
.chat-title-right{
	width: 15%;
	line-height: 130rpx;
}
.chat-body{
	width: 100%;
	overflow-y: scroll;
}
.chat-input{
	width: 100%;
	height: 235rpx;
	position: fixed;
	bottom: 0;
}
.chat-input-body{
	width: 90%;
	height: 235rpx;
	margin: 0 auto;
}
.chat-input-body-text{
	width: 100%;
	height: 85rpx;
	background-color: #fff;
	margin-top: 10px;
	border-radius: 8px;
	box-shadow: rgba(229, 229, 229, 0.9) 0 -1px 23px;
	border: 1px solid rgba(229, 229, 229, 1);
}
.chat-input-body-text view{
	float: left;
}
.chat-input-body-text-yuy{
	width: 10%;
	height: 85rpx;
	display: flex;
	justify-content: center;
	justify-items: center;
}
.chat-input-body-text-yuy svg{
	margin-top: 20rpx;
}
.chat-input-body-text-left{
	width: 75%;
	height: 85rpx;
}
.chat-input-body-text-left input{
	width: 100%;
	height: 85rpx;
	text-indent: 15px;
}
.chat-input-body-text-right{
	width: 15%;
	height: 85rpx;
}
.chat-input-body-text-right svg{
	margin-left: 30%;
	margin-top: 20rpx;
}

.chat-input-body-text-right span{
    display: inline-block; min-width: 3px; min-height: 3px;
    box-shadow: 4px 0 #8b8b8b, 12px 0 #b6b6b6, 20px 0 #DCDFE6; /* for IE9+, ..., 3个点 */
    animation: dot 1.5s infinite step-start both; /* for IE10+, ... */
}
@keyframes dot {
    25% { box-shadow: none; }                                  /* 0个点 */
    50% { box-shadow: 4px 0 #DCDFE6; }                    /* 1个点 */
    75% { box-shadow: 4px 0 #DCDFE6, 12px 0 #DCDFE6;  /* 2个点 */ }
}
.chat-input-body-font{
	width: 100%;
	height: 70rpx;
	margin-top: 30rpx;
	font-size: 28rpx;
	text-align: center;
	color: #999;
	line-height: 23px;
	background-color: #fff;
}
.default-temp{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.default-temp-title{
	width: 100%;
	height: 200rpx;
	font-size: 60rpx;
	font-weight: 700;
	text-align: center;
	line-height: 200rpx;
}
.default-temp-icon{
	width: 100%;
	height: 150rpx;
	line-height: 150rpx;
	text-align: center;
}
.default-temp-item{
	width: 100%;
	height: auto;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	font-size: 28rpx;
	color: #343540;
	margin-top: 30rpx;
	text-align: center;
	background-color: #f7f7f8;
	border-radius: 8px;
}
.popup-body{
	height: auto;
}
.popup-body-content{
	width: 90%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.newChat{
	width: 100%;
	height: 90rpx;
	border: 1px solid #434446;
	margin-top: 10px;
	border-radius: 5px;
	position: relative;
}
.newChat-left{
	float: left;
	width: 20%;
	height: 90rpx;
	text-align: center;
	line-height: 90rpx;
	font-size: 30px;
	color: #DCDFE6;
	font-weight: 100;
}
.newChat-right{
	float: left;
	width: 80%;
	height: 90rpx;
	line-height: 90rpx;
	color: #DCDFE6;
}
.popup-body-close{
	width: 80rpx;
	height: 80rpx;
	border: 2px solid #fff;
	content: '×';
	text-align: center;
	line-height: 50px;
	color: #fff;
	position: absolute;
	transform: translate(-50%,-50%);
	right: -25%;
	top: 4%;
	text-align: center;
	line-height: 70rpx;
	font-size: 35px;
	font-weight: 100;
}

.chat-records{
	width: 100%;
	height: 600rpx;
	margin-top: 40rpx;
	overflow-y: scroll;
}

.chat-records-item{
	width: 100%;
	height: 90rpx;
	border-radius: 5px;
	margin-bottom: 20rpx;
}

.chat-records-item:active{
	background-color: #343540;
}

.chat-records-item-left{
	float: left;
	width: 20%;
	height: 90rpx;
	text-align: center;
	line-height: 90rpx;
	font-size: 30px;
	color: #DCDFE6;
	font-weight: 100;
}

.chat-records-item-right{
	float: left;
	width: 60%;
	height: 90rpx;
	line-height: 90rpx;
	color: #DCDFE6;
	white-space :nowrap;
	text-overflow :ellipsis;
	overflow : hidden;	
}
.chat-records-item-last{
	float: left;
	width: 20%;
	height: 90rpx;
	text-align: center;
	line-height: 90rpx;
	font-size: 30px;
	color: #DCDFE6;
	font-weight: 100;
}

.chat-setings{
	width: 90%;
	height: auto;
	margin-left: 5%;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #414143;
	padding-top: 20rpx;
}
.chatting-content{
	width: 100%;
	height: auto;
}

.main-bottom{
    width: 30px;
    height: 30px;
    position: absolute;
    transform: translate(-50%,-50%);
    right: -3%;
    bottom: 20%;
}
.main-bottom svg{
    width: 1.7em;
    height: 1.7em;
    cursor: pointer;
}

.center-popup{
	width: 300px;
	height: auto;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: #fff 1px 1px 2px;
}
.center-popup-title{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	font-weight: 600;
	font-size: 30rpx;
}
.center-popup-body{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.center-popup-item{
	width: 100%;
	height: auto;
	font-size: 25rpx;
	padding-bottom: 10px;
}
.center-popup-item .popup-item{
	width: 80%;
	padding-left: 7%;
}
.center-popup-item-left,.center-popup-item-right{
	width: 50%;
	height: 50rpx;
	float: left;
}
.popup-item-height{
	height: 50rpx;
}
.center-popup-item-col{
	width: 20%;
	float: left;
	height: 50rpx;
	text-align: center;
	line-height: 50rpx;
}


.keep-html{
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    height: 530px;
    background-color: white;
    border-radius: 10px;
}
.keep-body{
    width: 90%;
    height: auto;
    margin: 0 auto;
}
.keep-title{
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #f3f3f6;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    line-height: 70px;
}
.keep-head-title{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 700;
    font-family: BlueSkyStandardBold;
}

.keep-content{
    width: 100%;
    height: auto;
}
.keep-content-item{
    width: 100%;
    height: 150px;
    background-color: #f7f7f8;
    border-radius: 5px;
    margin-bottom: 15px;
}
.keep-content-item div{
    float: left;
    height: 150px;
    cursor: pointer;
}
.keep-btn{
    width: 100%;
    height: 50px;
}
.keep-btn div{
    width: 50%;
    float: left;
    height: 50px;
    line-height: 50px;
}
.keep-btn div span{
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    color: #40414f;
    cursor: pointer;
}
.last-next{
    text-align: right;
}
.keep-content-item-left{
    width: 15%;
    text-align: center;
    line-height: 90px;
    font-size: 27px;
}
.keep-content-item-right{
    width: 85%;
    color: #40414f;
}
.markdown-body img {
    width: 100%;
	border-radius: 8px;
	margin-top: 30px;
}
.yuy-text{
	text-align: center;
	line-height: 85rpx;
	color: #d0d0d9;
	font-size: 30rpx;
}
.keep-yuy{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(255,255,255,0.8);
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
}
.keep-yuy image{
	width: 90%;
	height: 150px;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top:50%;
}